﻿doctype html
html(lang="en")
	include mixins/metroui
	head
		meta(charset="UTF-8")
		title Netshell
		link(rel="stylesheet" href="/vendor/metroui/min/metro-bootstrap.min.css")
		link(rel="stylesheet" href="/vendor/metroui/min/metro-bootstrap-responsive.min.css")
	body
		div.metro
			nav.navigation-bar.dark(style="height: 60px;")
				nav.navigation-bar-content
					h1.text-center.fg-white Netshell
			div.container
				h1.text-center please authenticate
				div.grid.fluid
					div.row
						div.span5.padding20
							form(method="post" enctype="x-www-form-urlencoded")
								input(type="hidden" name="_token" value=csrf_token)
								legend.fg-black.text-right Type your credentials
								div.grid.fluid
									div.row
										div.span3
											label.fg-gray.text-right Email
										div.span9
											div.input-control.text(data-role="input-control")
												input(name="email" type="text" placeholder="type your email" autofocus="")
												button.btn-clear(tabindex="-1" type="button")
									div(class="row")
										div(class="span3")
											label(class="fg-gray text-right") Password
										div(class="span9")
											div.input-control.password(data-role="input-control")
												input(name="password" type="password" placeholder="type your password")
												button.btn-reveal(tabindex="-1" type="button")
									div.row
										div.span5.offset3
											div.input-control.checkbox(data-role="input-control")
												label
													input(type="checkbox" name="remember" value="1" checked)
													span.check
													| Remember me
										div.span4
											div.input-control.text-right
												input.primary.large(type="submit" value="SIGN IN")
								div#signin-links.text-right
									ul(style="list-style: none;")
										li
											a(href="#") Forgotten password?
										li
											a(href="#") Register new account
						div#tiles-links.span6.offset1.padding20
							legend(class="fg-black") Or use another provider
							+TileIcon(link_fb, "icon-facebook", "bg-darkBlue") Facebook
							+TileIcon(link_tw, "icon-twitter", "bg-lightBlue") Twitter
							+TileIcon(link_li, "icon-linkedin", "bg-teal") LinkedIn
							+TileIcon(link_go, "icon-google", "bg-red") Google
							+TileIcon(link_ms, "icon-windows", "bg-orange") Microsoft
							+TileIcon(link_fs, "icon-foursquare", "bg-green") Foursquare
							div 
								p We're working on getting more authentication providers
								p Meanwhile the links may not work as expected. Please use a Netshell account in such case.
		script(src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js")
		script(src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js")
		script(src="/vendor/metroui/min/metro.min.js")
		script.
			$(function(){
				$("#signin-links a, #tiles-links a").click(function(){
					$.Dialog({
						overlay: true,
						shadow: true,
						width: '50%',
						flat: true,
						icon: '<i class="icon-warning"></i>',
						title: 'Error',
						content: '<center>Public registration is not open yet.<br/>Sorry.</center>'
					});
				});
			});